<template>
	<el-dialog title="交班详情" :visible.sync="changeWorkVisible" append-to-body width="60%" center>
				<el-row :gutter="10">
					<el-col :span="8">
						<el-form label-width="80px">
							<el-form-item label="当班时间:">{{ dataInfo.startTime }}</el-form-item>
						</el-form>
					</el-col>
					<el-col :span="8">
						<el-form label-width="80px">
							<el-form-item label="交班时间:">{{ dataInfo.endTime }}</el-form-item>
						</el-form>
					</el-col>
					<el-col :span="8">
						<el-form label-width="80px">
							<el-form-item label="交班人:">{{ dataInfo.userName }}</el-form-item>
						</el-form>
					</el-col>
				</el-row>
				<avue-data-tabs :option="option"></avue-data-tabs>
				<el-row :gutter="10">
					<el-col :span="8">
						<el-form>
							<el-form-item label="散客人数:">{{ dataInfo.individualGuestNumber }}人</el-form-item>
							<el-form-item label="散客消费总额:" style="color: red;">￥{{ dataInfo.individualGuestMoney }}元</el-form-item>
							<el-form-item label="会员人数:">{{ dataInfo.memberNumber }}人</el-form-item>
							<el-form-item label="会员消费总额:" style="color: red;">￥{{ dataInfo.memberMoney }}元</el-form-item>
							<el-form-item label="会员充值总额:" style="color: red;">￥{{ dataInfo.memberRechargeMoney }}元</el-form-item>
						</el-form>
					</el-col>
					<el-col :span="8">
						<el-form>
							<el-form-item label="记账单位数:">{{ dataInfo.accountUnitNumber }}个</el-form-item>
							<el-form-item label="记账单位消费总额:" style="color: red;">￥{{ dataInfo.accountUnitMoney }}元</el-form-item>
							<el-form-item label="预定餐台个数:">{{ dataInfo.reserveNumber }}个</el-form-item>
							<el-form-item label="预定餐台押金总额:" style="color: red;">￥{{ dataInfo.reserveMoney }}元</el-form-item>
							<el-form-item label="综合收入:" style="color: red;">￥{{ dataInfo.totalMoney }}元</el-form-item>
						</el-form>
					</el-col>
				</el-row>
	</el-dialog>
</template>

<script>
import { clearLoginInfo } from '@/utils';
export default {
	components:{

	},

	data() {
		return {
			activeName:'first',
			turnInCash:null,
			devolutionCash:null,
			remark:'',
			dataInfo: {},
			option: {
				data: [
					{
						title: '前班结余',
						count: '',
						color: 'rgb(27, 201, 142)',
						key: '结'
					},
					{
						title: '本班总收入',
						count: '',
						color: 'rgb(230, 71, 88)',
						key: '总'
					},
					{
						title: '消费总人数',
						count: '',
						color: 'rgb(178, 159, 255)',
						key: '人'
					}
				]
			},
			changeWorkVisible:false,
		};
	},

	created() {},

	methods: {
		getData(row) {
			this.changeWorkVisible = true
      this.dataInfo = row
      this.option.data[0].count = this.dataInfo.devolutionCash + '元';
      this.option.data[1].count = this.dataInfo.totalMoney + '元';
      this.option.data[2].count = this.dataInfo.individualGuestNumber + this.dataInfo.memberNumber
      +this.dataInfo.accountUnitNumber + this.dataInfo.reserveNumber+'个';
		}
	}
};
</script>

<style></style>
